h1 {
    font-size: 150%;
}
h2 {
    font-size: 140%;
}
h3 {
    font-size: 120%;
}
h4 {
    font-size: 110%;
	  border-top-style: solid;
		border-top-width: 1px;
		border-bottom-style: solid;
		border-bottom-width: 1px
}
h1 {
    font-size: 150%;
}
ul li {
    font-size: 80%;
}
#container {
    font-size: 95%;
}
#logo {
    float: left;
    width: 100%;
    background: #002263;
}

#logoAEI {
    color: #ffffff;
    margin-bottom: 3;
    padding: 2 2 2 2;
	  font-family: Verdana,Helvetica, Arial, Verdana, sans-serif;
    font-style: normal;
    font-weight: bold;
	  text-decoration: none;
    background: #002263;
}

#logoAEI A{
    color: #ffffff;
    margin-bottom: 3;
    padding: 2 2 2 2;
	  font-family: Verdana,Helvetica, Arial, Verdana, sans-serif;
	  font-size: 90%;
    font-style: normal;
    font-weight: bold;
	  text-decoration: none;
    background: #002263;
}

#logo h2 {
    padding: 4px 0 0 20px;
    color: #fff;
    font-family: "Lucida Grande", sans-serif;
    font-size: 110%;
}
#logo img {
    float: right;
}

#wrap {
    float: left;
	width: 920px;
	margin: 0 16px 0 0;
	}

#content {
	width: 660px;
	padding: 10px 20px;
	float: left;
	}

#content h1 {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 140%;
  font-style: normal;
  font-weight: normal;
	color: 003366;
	text-decoration: none;
  width: 90%;
  background: url(../img/pixel_orange.gif) repeat-x bottom;
}
#content h3 {
    color: #000;
    font-family: "Lucida Grande", sans-serif;
    font-size: 110%;
    text-align: left;
    margin: 20px 0 0 0;
}
#content h4 {
    color: #333;
    margin-bottom: 2;
    padding: 2 0 0 2;
	  font-family: Helvetica, Arial, Verdana, sans-serif;
	  font-size: 110%;
    font-style: normal;
    font-weight: bold;
	  text-decoration: none;
    width: 90%;
    background: #ccc;
}
#content p {
    color: #333;
    font-family: Helvetica, Arial, Verdana, sans-serif;
    font-size: 100%;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    width: 85%;
}
#terms p  {
    color: #333;
    font-family: Helvetica, Arial, Verdana, sans-serif;
    font-size: 90%;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    width: 85%;
}
#content th {
    color: #000;
    font-family: "Lucida Grande", sans-serif;
    /*font-size: 80%;*/
    background: #ccc;
    text-align: left;
}

#content th.title-center {
    text-align: center;
}

#content table {
    width: 90%;
    margin-top: 1px;
}
#content table caption {
    margin-top: 5px;
    float: left;
    text-align: left;
    font-size: 75%;
    font-weight: bold;
}
#content td {
    color: #000;
    font-family: "Lucida Grande", sans-serif;
    /*font-size: 80%;*/
}

a.one:link {color: blue}
a.one:visited {color: blue}
a.one:hover {color: #ffcc00}

a.two:link {color: #ff0000}
a.two:visited {color: #ff0000}
a.two:hover {color: #ffcc00}

   
#content .ppstart-ppend-color {
    background-color: #ffff66;
		width: 100%;
		border-width: 1px;
    font-size: 80%;
}

#content .dedfile-color {
    background-color: #9999cc;
    width: 100%;
		border-width: 1px;
    font-size: 80%;
}

#content .recfile-color {
    background-color: #ff9999;
    width: 100%;
		border-width: 1px;
    font-size: 80%;
}

#content .paydate-color {
    background-color: #99ffcc;
    width: 100%;
		border-width: 1px;
    font-size: 80%;
}

#content .error-ppstart-ppend-color {
    border-width: 1px;
    border-style: solid;
    border-color: #900;
    font-size: 80%;
    background-color: #ffff66;
    width: 100%;
   
}

#content .error-dedfile-color {
    border-width: 1px;
    border-style: solid;
    border-color: #900;
    font-size: 80%;
    background-color: #9999cc;
    width: 100%;
   
}

#content .error-recfile-color {
    border-width: 1px;
    border-style: solid;
    border-color: #900;
    font-size: 80%;
    background-color: #ff9999;
    width: 100%;
   
}

#content .error-paydate-color {
    border-width: 1px;
    border-style: solid;
    border-color: #900;
    font-size: 80%;
    background-color: #99ffcc;
    width: 100%;
   
}

#content td.shortprompt {
    width: 5%;
}

#content td.prompt {
    width: 45%;
}
#content td.longprompt {
    width: 75%;
}
#content td.multivalue {
    width: 10%;
}
#content td.value {
    width: 55%;
}
#content td.search {
    width: 75%;
}
#content td.text {
    padding: 10 0 15 0;
}
#content .errormsg {
    margin-top:0;
    margin-bottom:0;
}
#content .multimsg {
    margin-top:0;
    margin-bottom:0;
}
#content .single, .multiple {
    border-width: 1px;
    border-style: outset;
    font-size: 80%;
}

#content .radio {
	  border-width: inherit;
		border-style: none;
		background-color: inherit;
		font-size: 80%;
}

#content .mustfix {
    border-width: 1px;
    border-style: solid;
    border-color: #900;
    font-size: 80%;
    /*background-color: #d99;*/
    width: 100%;
    width: 100%;
}
#content .mustfixmulti {
    border-width: 1px;
    border-style: solid;
    border-color: #900;
    font-size: 80%;
    /*background-color: #d99;*/
}
#content input {
    background-color: inherit;
		border-style: outset;
}

#content input.single {
    width: 100%;
}


#content tr.odd {
    background-color: #eee;
}
#content tr.even {
    background-color: #fff;
}
#content tr.pwstrong {
	background-color: #00FF00;
}
#content tr.pwmedium {
	background-color: #FFFF00;
}
#content tr.pwweak {
	background-color: #FF0000;
}
#content tr.both td {
    background-color: #fff;
}
#content .error {
   color: #ff0000;
}
#content .track_SUSPECT {
    background-color: #ff8;
}
#content .track_OVERDUE {
    background-color: #f88;
}
#content .track_DONE {
    background-color: #8f8;
}
#content .search_row {
    background-color: #eee  ;
}
#content img.banner {
    float: none;
    padding: 1 1;
    background: #ccc;
    width: 90%;
}
#content .submit {
    float: right;
}

#status {
    width: 100%;
		border-collapse: collapse; 
    font-weight: normal;
    margin: 1px 1px 1px 1px;
		border-color: #0099ff;
		border-style: ridge;
		cellspacing: 0px;
    cellpadding: 0px;
}

#status .status_gauge {
    margin: 0px 0px 0px 0px;
    padding-left: 1px;
    border-width: 1px;
	  font-size: 20%;
}
#status .status_bar {
    background-color: #066;
    font-size: 20%;
    height: 10px;
}

#status .progress_bar_tab {
  	border: 1px; 
    border-style: groove;
		border-color: #0099ff;
}

#status .progress_gauge {
		background-color: #0099ff;
		border: 1px;
		border-style: groove;
		text-align: center;
		height: 10px
}

#status .progress_bar {
		border-width: 1px;
    border: 1px;
		background-color: #99ffff;
		border-style: groove;
		border-color: #0099ff;
		text-align: center;
		height: 10px;
}

#sidebar {
  font-family: "Lucida Grande", sans-serif;
	float: left;
	width: 160px;
	padding: 0 20px 0 0;
	font-size: 85%;
	color: #666;
	background: #ffedba;
}

#sidebar h3 {
    margin: 10px 0 0px 0;
    padding: 0 0 0 5px;
    color: #fff;
    font-size: 100%;
    background: #b8602c;
}

#sidebar ul {
    margin: 0 0 10px 0;
    list-style: none;
}

#sidebar ul li {
    padding: 2px 0 2px 0;
    font-size: 100%;
}

#sidebar ul li.disabled {
    font-size: 100%;
    text-decoration: none;
    color: #888;
    font-weight: bold;
}

#sidebar ul li a {
    font-size: 100%;
    text-decoration: none;
    color: #333;
    font-weight: bold;
}

#sidebar ul li a:hover {
    color: #339;
}

#login {
    font-family: "Lucida Grande", sans-serif;
    font-size: 100%;
    margin: 10px 15px 10px 15px;
    padding-left: 10px;
    border-width: 1px;
    border-style: groove;
    width: 85%;
}

#login input {
    font-size: 100%;
    width: 90%;
}

select {
    font-size: 90%;
}

.headline2blue {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 22px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #003366;
	text-decoration: none;
}
.footer{font: normal 10px/10px arial,helvetica;color: #999999;text-align:center;}
.footer H1{font: bold 12px/10px arial,helvetica;color: #999999;}
.footer P{font: normal 10px/10px arial,helvetica;color: #999999;}
.footer B{font: bold 10px/10px arial,helvetica;color: #999999;}


/* font size hack described in "Bulletproof Web Design" by Dan Cederholm - Chapter 1 */
body {
    font-family: "Lucida Grande", sans-serif;
    background: #fff;
    margin-top: 0;
    margin-right: 0;
    margin-left: 0;
    font-size: x-small; /* for IE5/Win */
    voice-family: "\"}\"";
    voice-family: inherit;
    font-size: small; /* for compliant browsers */
}
html>body { /* be nice to Opera */
    font-size: small;
}
